/* 找回密码的页面 */

.findbox{
    width:100%;
    height:100%;
    background: #ccc;
    position: relative; /* 相对定位 */
}

.video{
    width:auto;
    height:auto;
    position: fixed;  /* 固定定位 */
    top:0;
    left:0;
    right:0;
    bottom:0;
    min-width: 100%;
    min-height: 100%;
    z-index:10;  /* 层级  越大就在越外面 */
}

.big-box{
    width:440px;
    min-height:440px; /*最小高度  */
    background: rgba(255,255,255,0.7);
    border-radius: 8px;
    position: absolute;/*相对定位*/
    top:50%;/*上边的间距*/
    left:50%;/*左边的间距*/
    transform: translate(-50%,-50%);/*位移*/
    z-index:100;
}

.form-box{
    width:100%;
    height: 100%;
    padding:15px;
}
.title{
    font-size: 28px;
    text-align: center;
    color:#1296db;
}

.form{
    padding:15px;
    box-sizing: border-box;
}
.col{
    margin-top:15px;
    padding-bottom:15px;
}
.label{
    font-size: 18px;
    color:#666;
}

.inpcol{
    margin-top:5px;
    display: flex;
    align-items: center;
}
input{
    width:100%;
    height:45px;
    padding:0 15px;
    box-sizing: border-box;
    outline: none;
    border:none;
    border-radius: 8px;
    font-size: 18px;
    color:#333;
}

.codeinp{
    width:60%;
    margin-right:15px;
}
.sentbtn{
    /* width:110px; */
    flex:1; /* 占满余下所有的宽度 */
    height:45px;
    border:none;
    outline:none;
    border-radius: 8px;
    background: #f56c6c;
    color:#fff;
    font-size: 16px;
    box-sizing: border-box;
    cursor: pointer;
}

.btns{
    margin-top:50px;
    width:100%;
}
.btn-submit{
    width:100%;
    background: #1989fa;
    font-size: 18px;
}

.rows{
    width: 100%;
    margin-top:5px;
    display: flex;
    justify-content: space-between;
}
.item{
    text-decoration: none;
    font-size: 17px;
}
.left{
    color:#1989fa;
}
.right{
    color:#f56c6c;
}